<markdown>
# 可清空

大白菜, 鸡毛菜, 空心菜, 油麦菜
</markdown>

<template>
  <x-space vertical style="max-width: 350px">
    <x-select v-model:value="value1" :options="options" clearable />
    <x-select v-model:value="value2" :options="options" multiple clearable />
  </x-space>
</template>

<script setup>
import { ref } from 'vue'

const value1 = ref('大白菜')
const value2 = ref(['大白菜', '鸡毛菜', '空心菜', '油麦菜'])

const options = ['大白菜', '鸡毛菜', '空心菜', '油麦菜'].map(val => ({
  label: val,
  value: val
}))
</script>
